<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>register</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4 引入当前页面样式 -->
		<link rel="stylesheet" href="../css/immediately.css" />
		<!-- 5.引入util js -->
		<script src="../js/util.js"></script>
		<!-- 引入api_indexJS文件 -->
		<script src="../js/immediately.js"></script>
	</head>
	<body class="rel">
		<!--头部-->
		<header>
			<div class="container">
				<!--头部导航栏-->
				<!-- logo -->
				<a href="#" class="logo"><h1></h1></a>
				<!-- 登录 -->
				<div>
					<p>已有源码账号,<a href="#">立即登录</a></p>
				</div>
			</div>
		</header>
		<!-- 主体 -->
		<main class="abs">
			<!-- 注册框的版心 -->
			<section class="container">
				<!-- 注册框 -->
				<div class="box">
					<h1>欢迎注册</h1>
					<p>百款接口免费使用</p>
					<p>注册即送300元大礼包</p>
					<!-- 注册框的form表单 -->
					<form action="" class="flex">
						<p>
							<input type="text" placeholder="用户名(6-20位字母数字)" /><span
								><i></i> 请输入正确的用户名</span
							>
						</p>
						<p>
							<input type="text" placeholder="请输入手机号" />
						</p>
						<p>
							<input type="text" placeholder="请输入手机短信验证码" />
							<button>获取验证码</button>
						</p>
						<p>
							<input type="text" placeholder="请输入6至12位的密码" />
						</p>
						<p>
							<input type="checkbox" />我已阅读并接受
							<a href="#">《源码用户服务协议》</a>
							<a href="#">《源码隐私政策》</a>
						</p>
						<p><button>立即注册</button></p>
					</form>
				</div>
			</section>
		</main>
	</body>
</html>
